<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org" style="overflow: hidden;">
<head>
    <title>导航</title>
    <th:block th:include="~{common/common::commonHead}"/>
    <!--<script src="../js/index.js" th:src="@{/js/index.js}"></script>-->
</head>
<body>
<div class="navbar">
    <div class="navbar-inner">
        <div class="navbar-container">
            <div class="navbar-header pull-left">
                <a href="#" class="navbar-brand">
                    <small>
                        <img src="../img/logo.png" alt="" th:src="@{/img/logo.png}"/>
                    </small>
                </a>
            </div>
            <div class="navbar-header pull-right">
                <div class="navbar-account">
                    <ul class="account-area">
                        <li>
                            <a class="login-area dropdown-toggle" data-toggle="dropdown">
                                <div class="avatar" title="查看个人设置">
                                    <img src="../img/avatars/adam-jansen.jpg">
                                </div>
                                <section>
                                    <h2><span class="profile"><span>管理员</span></span></h2>
                                </section>
                            </a>
                            <ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
                                <li class="text-center">
                                    <a href="javascript:void(0)" class="">修改密码</a>
                                </li>
                                <li class="text-center">
                                    <a href="javascript:void(0)" id="refreshPower">刷新权限</a>
                                </li>
                                <li class="dropdown-footer">
                                    <a th:href="@{/logout.html}">
                                        登出
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="main-container container-fluid">
    <div class="page-container">
        <div class="page-sidebar" id="sidebar">
            <ul id="menu" class="nav sidebar-menu">
                <li class="active">
                    <a href="javascript:void(0)" onclick="changeSubPage('/system/importExportList.html', this)">
                        <span class="menu-text">数据导入导出</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0)" onclick="changeSubPage('/system/systemParamList.html', this)">
                        <span class="menu-text">参数配置</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="page-content">
            <iframe th:src="@{/system/importExportList.html}"></iframe>
        </div>
    </div>
</div>
</body>
</html>

<script>
function changeSubPage(url, ele) {
    $("#menu").children("li").removeClass("active");
    $("iframe").attr("src", url);
    $(ele).closest("li").addClass("active");
}
</script>
